<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录界面</title>
		<style>
			#bigBox
			{
				margin: 0 auto;	/* login框剧中 */
				margin-top: 50px; /* login框与顶部的距离 */
				padding: 20px 50px;	/* login框内部的距离(内部与输入框和按钮的距离) */
				background-color: #00000090;	/* login框背景颜色和透明度 */
				width: 400px;
				height: 300px;
				border-radius: 10px;	/* 圆角边 */
				text-align: center;	/* 框内所有内容剧中 */
			}
		</style>
		<link rel="stylesheet" href="style.css" />
		<link rel="stylesheet" href="iconfont.css" />
		
	</head>
	<body>
		<div id="bigBox">
			<h1>登录</h1>
			<form action=""><div class="inputBox">
				<div class="inputText">
					<span class="iconfont icon-nickname"></span>
					<input type="text" placeholder="请输入姓名" required/>
				</div>
				<div class="inputText">
					<span class="iconfont icon-visible"></span>
					<input type="password" placeholder="请输入密码" required/>
				</div>
			</div>
			<button class="loginButton loginButton1"  >登录</button>
			</form>
			<div class="suboption">
				<a href="短信登录.html"><input type="button" value="短信验证码登录"></a>|<a href="register.html"><input type="button" value="注册新会员"></a>|<a href="重置密码.html"><input type="button" value="重置密码"></a></div>
		</div>
	</body>
</html>
